<template>
  <h2>这是一个子组件</h2>
 <slot></slot>
 <p>{{user.car.price}}</p>
 <button @click="jg" >价钱</button>
</template>

<script>
//引入reactive
import {reactive} from 'vue'
export default {
  name: 'HelloWorld_h',
//使用emitss属性来接收一下自定义的事件
  emits: ['hh'],
  setup(props, context) {
    // reactive 响应式基本数据类型不用，基本的用ref
   const user = reactive({
       name: 'jack',
      age: 20,
      car:{
        brand:'比亚迪',
        price:160000
      }

     
   })

    function jg() {
      //使用reactive响应式可以直接使用响应式中的值，适用复杂数据类型
        user.car.price+=100
      }
    return {
      user,
       jg
  }
}
}
</script>

<style>

</style>